經營網站的過程中，花最多零碎時間的常常不是寫文章，而是處理圖片：封面要改尺寸、社群圖要重新裁切、截圖上要加一行文字。每一件事都不複雜，但每次都要打開大型設計軟體，或是找一個線上工具重新註冊帳號，累積下來很浪費時間。今天介紹台灣團隊開發的「AbiPaint」～～一個完全在瀏覽器內運作的免費修圖工具。（線上使用）

AbiPaint 沒有帳號系統，也沒有後端伺服器，所有的影像運算（縮放、裁切、調色、圖層合成）都在瀏覽器本機完成。這個決定犧牲了跨裝置雲端同步的方便性，但換來的是圖片完全不需要上傳、開啟即用、關掉分頁也不留痕跡，對處理有隱私疑慮的素材會比較安心，也是開發團隊認為值得記錄下來的取捨。

開發筆記：三個影響操作體驗最多的技術決定

比起條列所有功能，以下這三個實作細節是開發團隊覺得比較值得分享的地方：

畫布基準與比例縮放：避免圖片被拉伸
多數線上修圖工具在使用者匯入第二張圖片時，很容易把既有畫布拉伸變形。AbiPaint 的做法是把第一張匯入的圖片當作畫布尺寸的參考基準，之後匯入的圖片一律依比例置入，不會影響或拉伸既有畫布內容。使用者也可以隨時手動輸入目標像素，或套用 800×800、1200×800、1280×720 等常用預設。

真正的裁切：像素直接移除，而非遮罩隱藏
裁切功能常見的實作方式，是用遮罩把裁切區以外的部分「藏起來」，圖片資料其實還留著。AbiPaint 選擇的做法是：選取圖片後用四角、四邊控制點裁切，套用後裁切區外的像素會被真正移除。這樣匯出的檔案更乾淨，也避免「隱藏的原圖內容還留在檔案裡」這種容易被忽略的問題。

自動存檔：本機自動儲存與 .abipaint 專案檔
因為沒有伺服器，資料持久化只能靠瀏覽器本機處理。作品會自動儲存在瀏覽器本機，重新整理頁面後可以自動還原；桌面版可以同時開啟最多三個 Working File，各自保留內容。需要備份或換裝置時，可以從「檔案」功能匯出、匯入 .abipaint 專案檔，算是「不留伺服器紀錄」跟「使用者要有辦法備份」之間的折衷方案。

圖層、模板與其他實作細節

除了上面三個決定，還有幾個功能設計上的細節：

1. 圖層與鎖定：桌面版提供油線筆、鉛筆、毛筆三種筆刷，以及六種基本圖形和可雙擊編輯的文字，最多可分配到五個圖層；圖層鎖定後不會被意外選取或移動，搭配向前、向後排序與邊緣、置中對齊線，多素材構圖可以在同一畫面內完成。
2. 名片設計模板：內建亞洲（1063×638 像素）與歐美（1050×600 像素）兩種名片模板，套用後自動建立白色畫布、3mm 出血線，以及姓名、職稱、公司、電話、Email、地址等欄位；出血線只在編輯時可見，匯出時不會出現。
3. 桌面與手機的功能分工：手機版保留匯入、尺寸、調色與輸出等核心任務，桌面版則提供完整的筆刷、圖層與多檔案操作，避免把複雜的桌面工作流硬塞進小螢幕。

提示：因為沒有雲端同步，重要設計還是建議定期從「檔案」匯出 .abipaint 專案檔備份，避免瀏覽器資料被清除後找不回來；日常的尺寸調整或調色，直接用手機版操作就很夠用。

AbiPaint v1.0.0 現在已經可以免費在瀏覽器使用，沒有帳號、沒有安裝門檻。對於同樣常常被這種「小到不值得開設計軟體」的修圖任務卡住的讀者，非常推薦試試看喔！